<!DOCTYPE html>
<html>
    <head>
        <title><g:layoutTitle default="Grails" /></title>
        <link rel="stylesheet" href="${resource(dir:'css',file:'mainLayout.css')}" />
        <link rel="shortcut icon" href="${resource(dir:'images',file:'favicon.ico')}" type="image/x-icon" />
        <g:layoutHead />
        <g:javascript library="application" />
    </head>
    <body id="body">
        <div id="container">
            %{--<div id="spinner" class="spinner" style="display:none;">--}%
                %{--<img src="${resource(dir:'images',file:'spinner.gif')}" alt="${message(code:'spinner.alt',default:'Loading...')}" />--}%
            %{--</div>--}%
            <div id="header">
                <div id="insideHeader">
                    <div id="logo"></div>
                    <div id="menu">
                        <div id="miPerfil" class="menuItem"><g:link controller="usuario" action="miPerfil"> mi Perfil</g:link></div>
                        <div id="agenda" class="menuItem"><g:link controller="usuario" action="miAgenda"> mi Agenda </g:link></div>
                        <div id="busqueda" class="menuItem"><g:link controller="evento" action="busqueda"> Busqueda </g:link></div>
                    </div>
                    <div id="userInfo">
                        <div id="social">

                        </div>
                        <sec:ifNotLoggedIn>
                            <g:link controller="login" action="auth">Login</g:link>
                        </sec:ifNotLoggedIn>
                        <sec:ifAnyGranted  roles="ROLE_USER,ROLE_ADMIN,ROLE_MODERATOR">
                            Bienvenido <span class="negrita"><sec:loggedInUserInfo field="username"/></span>.
                            <g:link controller="logout" action="index">Desconectar</g:link>
                        </sec:ifAnyGranted>
                    </div>
                </div>
		    </div>
            <div id="main"><g:layoutBody /></div>
            <div id="footer"></div>
        </div>
    </body>
</html>